<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<%@include file="../../common/include/inc.jsp" %>
<head lang="en">
    <title>首页</title>
	<link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/bootstrap.css"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/css/base.css"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/css/header.css"/>
	<link rel="stylesheet" href="${ctx}/resource/plugins/css/style.css"/>
</head>
<body>
	<div class="homecontent">
		<div class="row row1">
			<div class="item row1_item1">
				<div class="table2">
					<div class="left1">
						<table cellspacing="0" id="tb4">
							<tr>
								<th><span>业务分类</span></th>
								<th><span>健康度(分)</span></th>
								<th><span>健康状态</span></th>
							</tr>
						</table>
					</div>
					<div class="right1">
						<table cellspacing="0" id="tb5">
							<tr>
								<th><span>业务分类</span></th>
								<th><span>健康度(分)</span></th>
								<th><span>健康状态</span></th>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="item row1_item2">
				<div style="margin-top: 20px" id="text_health">
					<%--<span style='font-size: 25px;margin-right: 5%;color: #29F7FF' id="jk"></span>
					<span style='font-size: 25px;color:#13F825' id="zt"></span>--%>
				</div>
				<div style="width: 100%;height: 100%;" id="left_top_echart1">

				</div>
			</div>
			<div class="item row1_item3">
				<div class="table2">
					<div class="left1">
						<table cellspacing="0" id="tb6">
							<tr>
								<th><span>平台分类</span></th>
								<th><span>健康度(分)</span></th>
								<th><span>健康状态</span></th>
							</tr>
						</table>
					</div>
					<div class="right1">
						<table cellspacing="0" id="tb7">
							<tr>
								<th><span>平台分类</span></th>
								<th><span>健康度(分)</span></th>
								<th><span>健康状态</span></th>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<div class="row row2">
			<div class="item row2_item1">
				<div class="title">
					<div class="icon"></div>
					<h3>资源指标</h3>
					<div class="homemore"></div>
				</div>
				<div class="content">
					<div class="left2" id="center_echart">
						<%--<img src="images/zhuzhuang_left@2x.png" alt="" style="width:100%;height:100%;">--%>
					</div>
					<div class="right2">
						<div class="tongji">
							<div class="line">
								<span>资源总数量</span>
								<span>在运数量</span>
								<span>剩余数量</span>
								<span>使用率</span>
							</div>
							<div class="line num">
								<span id="zs"></span>
								<span id="zy"></span>
								<span id="sy"></span>
								<span id="syl"></span>
							</div>
						</div>
						<div class="table3">
							<table cellspacing="0" id="tb8">
								<tr>
									<th><span>资源分类</span></th>
									<th><span>资源总数量</span></th>
									<th><span>在运数量</span></th>
									<th><span>剩余数量</span></th>
									<th><span>使用率</span></th>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="item row2_item2">
				<div class="title">
					<div class="icon"></div>
					<h3>巡检指标</h3>
					<div class="homemore1"></div>
				</div>
				<div class="content">
					<div class="left3" id="center_right_echart">
						<%--<img src="images/zhuzhuangtu_right@2x.png" alt="" style="width:100%;height:100%;">--%>
					</div>
					<div class="right3">
						<div class="tongji">
							<div class="line">
								<span>巡检总任务数</span>
								<span>任务执行成功数</span>
								<span>任务执行失败数</span>
							</div>
							<div class="line num">
								<span id="xjrw"></span>
								<span id="rwcg"></span>
								<span id="rwsb"></span>
							</div>
						</div>
						<div class="table3">
							<table cellspacing="0" id="tb10">
								<tr>
									<th><span>任务组</span></th>
									<th><span>总任务数</span></th>
									<th><span>成功数</span></th>
									<th><span>失败数</span></th>
									<th><span>健康值</span></th>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row row3">
			<div class="item row3_item1">
				<div class="title">
					<div class="icon"></div>
					<h3>监控指标</h3>
					<div class="homemore2"></div>
				</div>
				<div class="content">
					<div class="tongji1">
						<div class="line">
							<span class="td">监控指标数量</span>
							<span class="td">严重告警数量</span>
							<span class="td">重要告警数量</span>
							<span class="td">一般告警数量</span>
							<span class="td">活动告警</span>
							<span class="td">已消除告警</span>
						</div>
						<div class="line num">
							<span class="td" id="jkzb"></span>
							<span class="td" id="yzgj"></span>
							<span class="td" id="zygj"></span>
							<span class="td" id="ybgj"></span>
							<span class="td" id="hdgj"></span>
							<span class="td" id="yxcgj"></span>
						</div>
					</div>
					<div class="table4">
						<div class="left4">
							<table cellspacing="0" id="on">
								<tr>
									<th><span>资源分类</span></th>
									<th><span>严重告警</span></th>
									<th><span>重要告警</span></th>
									<th><span>一般告警</span></th>
								</tr>
							</table>
						</div>
						<div class="right4">
							<table cellspacing="0" id="off">
							<tr>
								<th><span>资源分类</span></th>
								<th><span>严重告警</span></th>
								<th><span>重要告警</span></th>
								<th><span>一般告警</span></th>
							</tr>
							</table>
						</div>
					</div>		
				</div>
			</div>
			<div class="item row3_item2">
				<div class="title">
					<div class="icon"></div>
					<h3>最近24小时告警趋势</h3>
					<%--<div class="homemore2"></div>--%>
				</div>
				<div style="width: 98%;height: 415px;" id="down_right_echart">

				</div>
				<%--<div class="title">
					<div class="icon"></div>
					<h3>巡检指标</h3>
				</div>
				<div class="content" id="down_right_echart">
					&lt;%&ndash;<img src="images/zhexiantu@2x.png" alt="" style="width:100%;height:390px">&ndash;%&gt;
				</div>--%>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="${ctx}/resource/plugins/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
	<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
	<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/resource/resource/overview/overView.js"></script>
</body>
</html>
